.touchcarousel {
position:relative;
width:600px;
height:400px;
overflow:hidden;
padding:12px 10px 0;
color:#7a7a7a;
}

.touchcarousel .touchcarousel-container {
position:relative;
list-style:none;
left:0;
margin:0;
padding:0;
}

.touchcarousel .touchcarousel-wrapper {
position:relative;
overflow:hidden;
width:100%;
height:100%;
}

.touchcarousel .touchcarousel-item {
float:left;
position:relative;
margin:0 0px 0 0;
padding:0;
}

.touchcarousel .touchcarousel-item.last {
margin-right:0!important;
}

.touchcarousel .arrow-holder {
height:100%;
position:absolute;
top:0;
display:block;
cursor:pointer;
z-index:25;
width:35px;
-moz-opacity:.8;
-webkit-opacity:.8;
opacity:.8;
border:0;
overflow:hidden;
}

.touchcarousel .arrow-holder.left {
left:0;
}

.touchcarousel .arrow-holder.right {
right:0;
}

.touchcarousel .arrow-icon {
position:absolute;
cursor:pointer;
width:23px;
height:28px;
margin-top:0;
top:120px;
}

.touchcarousel .tc-paging-container {
width:100%;
overflow:hidden;
position:absolute;
z-index:25;
margin-top:-6px;
}

.touchcarousel .tc-paging-centerer {
float:left;
position:relative;
left:50%;
}

.touchcarousel .tc-paging-centerer-inside {
float:left;
position:relative;
left:-50%;
}

.touchcarousel .tc-paging-item {
float:left;
cursor:pointer;
position:relative;
display:block;
text-indent:-9999px;
background:url(sprite.png) no-repeat -95px -4px;
width:16px;
height:16px;
-moz-opacity:.8;
-webkit-opacity:.8;
opacity:.8;
}

.touchcarousel .scrollbar-holder {
position:absolute;
z-index:30;
left:6px;
right:6px;
bottom:5px;
height:4px;
overflow:hidden;
}

.touchcarousel .scrollbar {
position:absolute;
left:0;
height:4px;
bottom:0;
}

.touchcarousel .scrollbar.dark {
background-color:rgba(0,0,0,0.5);
}

.touchcarousel .scrollbar.light {
background-color:rgba(255,255,255,0.5);
}

.touchcarousel .grab-cursor {
cursor:url(grab.png) 8 8,move;
}

.touchcarousel .grabbing-cursor {

}

.touchcarousel .auto-cursor {
cursor:auto;
}

.container-lead,.container-standard {
display:block;
}

.container-image,.container-text {
float:left;
width:100%;
overflow:hidden;
}

.touchcarousel.layout {
width:500px;
height:300px;
}

.touchcarousel.layout .header {
font-family:Arial,Helvetica,sans-serif;
color:#cccccc;
font-weight:300;
font-style:italic;
font-size:13px;
}

.touchcarousel.layout .touchcarousel-item {
width:250px;
height:78px;
margin-right:10px;
}

.touchcarousel.layout .touchcarousel-item .container-image {
margin-top:16px;
height:158px;
}

.touchcarousel.layout .touchcarousel-item .container-text .title {
margin-right:10px;
margin-top:12px;
font-size:18px;
line-height:26px;
height:93px;
}

.touchcarousel.layout .tc-paging-container {
margin-top:-44px;
margin-left:-10px;
}

.touchcarousel.layout .arrow-holder {
z-index:26;
}

.touchcarousel.layout .arrow-icon {
top:275px;
}

.touchcarousel .arrow-icon.left {
left:10px;
background:url(sprite.png) no-repeat -6px -7px;
}

.touchcarousel .arrow-icon.right {
right:10px;
background:url(sprite.png) no-repeat -173px -7px;
}

.touchcarousel .arrow-holder.disabled .arrow-icon.left {
background:url(sprite.png) no-repeat -40px -7px;
}

.touchcarousel .arrow-holder.disabled .arrow-icon.right {
background:url(sprite.png) no-repeat -139px -7px;
}

.touchcarousel .tc-paging-item.current {
background:url(sprite.png) no-repeat -95px -22px;
}

.touchcarousel .arrow-holder.disabled,.touchcarousel .arrow-holder.disabled .arrow-icon {
cursor:default;
}

.touchcarousel .arrow-holder:hover,.touchcarousel .tc-paging-item:hover {
-moz-opacity:1;
-webkit-opacity:1;
opacity:1;
}
.touchcarousel {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
    box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
    background: #3f3f3f;
    background: -moz-linear-gradient(top,#3f3f3f 0,#171717 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3f3f3f),color-stop(100%,#171717));
    background: -webkit-linear-gradient(top,#3f3f3f 0,#171717 100%);
    background: -o-linear-gradient(top,#3f3f3f 0,#171717 100%);
    background: -ms-linear-gradient(top,#3f3f3f 0,#171717 100%);
    background: linear-gradient(to bottom,#3f3f3f 0,#171717 100%);
    padding: 12px 10px 0;
}

.touchcarousel .touchcarousel-item {
    position: relative;
    margin-right: 20px;
}
.touchcarousel img {
    width: 100%;
    height: auto;
    border: 0;
}
.touchcarousel .title {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    letter-spacing: -1px;
    margin-top: 5px;
    overflow: hidden;
    height: 43px;
}

